body{
    background: #f8f8f8;
}
.bgp{
    width: 1108px;
    height: 830px;
    margin: 0 auto;
    background: url("../picture/bkg_game1.png");
}
.login{
    width: 1000px;
    height: 850px;
    background: url("../picture/bkg_login.jpg");
    margin: 0 auto;
}
.box{
    position:absolute;
    top:45%;
    left:50%;
    width:500px;
    height:200px;
}
.content{
    position:relative;
    top:30%;
    left:-40%;
    width:100%;
    height:100%;
}
.float{
    top: 49%;
    left: 65%;
    border-radius: 3px;
    position: absolute;
}
.sell{
    width: 932px;
    height: 400px;
    margin: auto;
    border-radius: 5px;
    background: white;
    position: relative;
    top:100px;
}
.checkSPD{
    position:absolute;
    width:300px;
    height:200px;
    top: 30%;
    left: 40%;
}
.secondpd{
    position: relative;
    width: 60%;
    margin: auto;
    top: 40px;
}
.yesorno{
    position: relative;
    width: 200px;
    left: 30%;
    top: 30%;
}
.message{
    position: relative;
    left: 37%;
    top: 50px;
}
.shadow{
    box-shadow: 0px 0px 5px #888888;
}
.margin{
    margin: 0 auto;
}
.center{
    align-content: center;
}
.top{
    top:15px;
    position: relative;
}
.sell-1{
    width: 600px;
    height: 300px;
    margin: 0 auto;
    position: relative;
    top: 10%;
}
.mytable{
    width: 60%;
    height: 450px;
    position: absolute;
    left: 20%;
    top: 200px;
}
.mytable2{
    position: absolute;
    right: 20%;
    top:630px;
}
.register{
    width: 80%;
    height: 750px;
    position: absolute;
    top:5%;
    left: 10%;
}
#lands{
    width: 440px;
    height: 200px;
    position: relative;
    left: 80px;
    top: 450px;
}
.land{
    width: 110px;
    height: 80px;
    position: absolute;
    background: url("../picture/land.png") no-repeat;

    /*background-position: 0px -35px;*/
}
#build{
    width: 100px;
    height: 100px;
    position: relative;
    left: 720px;
    top: -50px;
}
.num{
    width: 70px;
    height: 18px;
    text-align: center;
    position: absolute;
    top: 45px;
    left: 20px;
    display: none;
    background: url("../picture/beans.png");
}
.land:hover .num{
    display: block;
}
.tool{
    width: 500px;
    height: 80px;
    margin: 0 auto;
    position: relative;
    top: 530px;
}
.tool2{
    width: 500px;
    height: 80px;
    margin: 0 auto;
    background: #888888;
    opacity: 0.6;
    margin: 0 auto;
    position: absolute;
    top: 790px;
    margin-left: 290px;
}
.information{
    width: 550px;
    height: 20px;
    background: #080808;
    position: absolute;
    top: 200px;
    opacity: 0.8;
}
.information2{
    width: 620px;
    height: 20px;
    position: absolute;
    top: 200px;
    align-content: center;
    color: #ffffff;
    font-size: 100%;
}
.newland1{
    background: url("../picture/elephant_1.png") no-repeat;
}
.newland2{
    background: url("../picture/elephent_2.png") no-repeat;
}
.newland3{
    background: url("../picture/elephent_3.png") no-repeat;
}
.newland4{
    background: url("../picture/elephent_4.png") no-repeat;
}
.newland5{
    background: url("../picture/elephent_5.png") no-repeat;
}
.newland6{
    background: url("../picture/elephent_6.png") no-repeat;
}
.newland7{
    background: url("../picture/elephent_7.png") no-repeat;
}
.kai{
    cursor: url("../picture/kaifa.png"),default;
}
.tou{
    cursor: url("../picture/futou.png"),default;
}
.wei{
    cursor: url("../picture/weishi.png"),default;
}
.shou{
    cursor: url("../picture/shouqu.png"),default;
}